<!DOCTYPE html>
<html lang="en">
<head>

<title>为尔平台</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">

<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">

<!-- MAIN CSS -->
<link rel="stylesheet" href="css/tooplate-style.css">
<style type="text/css">
     .in-picture{
          margin: 20px;
          color: white;
          font-size: 15px;
          height: 55%;
     }
     .btn-picture{
          display: inline;
          background-color: transparent;
          border: 0px;
     }

</style>

</head>
<body>

<!-- PRE LOADER -->
<div class="preloader">
     <div class="spinner">
          <span class="sk-inner-circle"></span>
     </div>
</div>


<!-- MENU -->
<div class="navbar custom-navbar navbar-fixed-top" role="navigation">
     <div class="container">

          <!-- NAVBAR HEADER -->
          <div class="navbar-header">
               <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
                    <span class="icon icon-bar"></span>
               </button>
               <!-- lOGO -->
               <a href="#home" class="navbar-brand">为尔区块链</a>
          </div>

          <!-- MENU LINKS -->
          <div class="collapse navbar-collapse">
               <ul class="nav navbar-nav navbar-right">
                    <li><a href="#home" class="smoothScroll">主页</a></li>
                    <li><a href="#about" class="smoothScroll">Game Token</a></li>
                    <li><a href="#team" class="smoothScroll">平台游戏</a></li>
                    <li> <input type="text" class="form-control" style="margin:8px;" placeholder="请输入你的EOS账户名"></li>
                    <li>  <button type="submit" class="form-control" style="margin:8px 10px;">查询</button></li>
               </ul>
          </div>

     </div>
</div>


<!-- HOME -->
<section id="home" class="parallax-section">
     <div class="overlay"></div>
     <div class="container">
          <div class="row">

               <div class="col-md-8 col-sm-12">
                    <div class="home-text">
                         <h1>购买即挖矿，一次参与，永久分红</h1>
                         <p>欢迎用户购买参与</p>
                         <ul class="section-btn">
                              <a href="#about" class="smoothScroll"><span data-hover="点击购买">点击购买</span></a>
                         </ul>
                    </div>
               </div>

          </div>
     </div>

     <!-- Video -->
     <video controls autoplay loop muted>
          <source src="videos/video.mp4" type="video/mp4">
          Your browser does not support the video tag.
     </video>
</section>


<!-- ABOUT -->
<section id="about" class="parallax-section" style="padding-top: 80px;padding-bottom: 60px">
     <div class="container">
          <div class="row">
               <div class="col-md-offset-1 col-md-10 col-sm-12">
                    <div class="about-info">
                         <h3>本轮奖池派发倒计时：22：22：22</h3>
                         <h1>188889.8809 <span> &nbsp;&nbsp;EOS</span></h1>
                    </div>
               </div>

          </div>
     </div>
</section>


<!-- PROJECT -->
<section id="project" class="parallax-section">
     <div class="container">
          <div class="row">

               <div class="col-md-6 col-sm-6" style="height: 350px;border:#4dc47d 5px solid;border-right:#4dc47d 3px solid;">

                    <!-- PROJECT ITEM -->
                    <!--<div class="project-item">-->
                         <form class="form-horizontal"  role="form"  >
                              <div class="form-group" style="margin-bottom: 0px">
                                   <div class="control-label" style="font-size:16px;float: left;margin-left: 20px;margin-top: 15px;font-weight: bold;">购买GT(Game Token)</div>
                                   <label style="float: right;margin-right: 20px;margin-top: 15px"><a href="#">提现</a></label>
                              </div>
                              <hr size="1" noshade="noshade" style=" dotted; margin: 5px 0px"/>
                              <div class="form-group" style="margin-top: 40px">
                                   <label class="control-label col-sm-4">现价:<span id="price-now">0.08</span> EOS</label>
                                   <label class="control-label col-sm-6"><a href="#">查看GT定价规则</a> </label>
                              </div>
                              <div class="form-group"  style="margin-top: 30px">
                                   <label class="control-label col-sm-4">输入购买GT的数量:</label>
                                   <div class="col-sm-6">
                                        <input  type="number" min="1" max="99999999" class="form-control" placeholder="只能输入整数" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                                                onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}" >
                                   </div>
                              </div>

                              <div class="form-group" style="text-align: center">

                                   <div class="section-btn" ><a  class="form-control btn-picture" ><span data-hover="点击购买">点击购买</span></a></div>
                              </div>

                              <div class="form-group" style="bottom: 0px">
                                   <div class="control-label" style="float: left;margin-left: 20px;font-weight: bold;">合约地址：eostothe1111</div>
                                   <label style="float: right;margin-right: 20px;margin-top: 5px"><a href="#">购买和提现记录</a></label>
                              </div>
                         </form>
                    <!--</div>-->
               </div>

               <div class="col-md-6 col-sm-6" style="height: 350px;border:#4dc47d 5px solid;border-left:#4dc47d 3px solid;">

                    <!-- PROJECT ITEM -->
                    <!--<div class="project-item">-->
                    <form class="form-horizontal"  role="form"   >
                         <div class="form-group" style="margin-bottom: 0px">
                              <div class="control-label" style="font-size:16px;float: left;margin-left: 20px;margin-top: 15px;font-weight: bold;">数据统计</div>
                              <!--<label style="float: right;margin-right: 20px;margin-top: 15px"><a href="#">提现</a></label>-->
                         </div>
                         <hr size="1" noshade="noshade" style=" dotted; margin: 5px 0px"/>
                         <div class="form-group" style="margin-top: 40px">
                              <label class="control-label col-sm-4">已分红:</label>
                              <label class="control-label col-sm-6"><span id="share-num">88888.8888</span> EOS </label>
                         </div>
                         <div class="form-group"  style="margin-top: 30px">
                              <label class="control-label col-sm-4">本轮奖池:</label>
                              <label class="control-label col-sm-6"><span id="bonus-pool">88888.8888</span> EOS </label>
                         </div>

                         <div class="form-group" style="margin-top: 30px">
                              <label class="control-label col-sm-4">当前赢家:</label>
                              <label class="control-label col-sm-6">eostothemoon</label>
                         </div>

                         <div class="form-group" style="margin-top: 30px">
                              <label class="control-label col-sm-4">已售出GT数量:</label>
                              <label class="control-label col-sm-6"><span id="gt-num">88888.8888</span> GT</label>
                         </div>
                    </form>
                    <!--</div>-->
               </div>


          </div>
     </div>
</section>


<!-- TEAM -->
<section id="team" class="parallax-section">
     <div class="container">
          <div class="row">

               <div class="col-md-offset-2 col-md-8 col-sm-12">
                    <!-- SECTION TITLE -->
                    <div class="section-title">
                         <h1>Game On Platform</h1>
                    </div>
               </div>

               <div class="clearfix"></div>

               <div id="owl-team" class="owl-carousel">
                    <div class="col-md-4 col-sm-4 item">
                         <div class="team-item">
                              <img src="images/team-image1.jpg" class="img-responsive" alt="">
                              <div class="team-overlay">
                                   <div class="in-picture">对方好几个地方和健康的国防科技很多国家角度，看法国航空舰队防空更何况，的风格就会看到法国航空基地和法国</div>
                                   <div class="section-btn" ><a  class="form-control btn-picture" ><span data-hover="查看详情">查看详情</span></a></div>
                                   <!--<ul class="social-icon">-->

                                        <!--<li><a href="#" class="fa fa-twitter"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-linkedin"></a></li>-->
                                   <!--</ul>-->
                              </div>
                         </div>
                         <p>Weier BlockChain</p>
                         <h3>以太足球</h3>
                    </div>

                    <div class="col-md-4 col-sm-4 item">
                         <div class="team-item">
                              <img src="images/team-image2.jpg" class="img-responsive" alt="">
                              <div class="team-overlay">
                                   <div class="in-picture">对方好几个地方和健康的国防科技很多国家角度，看法国航空舰队防空更何况，的风格就会看到法国航空基地和法国</div>
                                   <div class="section-btn" ><a  class="form-control btn-picture" ><span data-hover="查看详情">查看详情</span></a></div>
                                   <!--<ul class="social-icon">-->
                                        <!--<li><a href="#" class="fa fa-instagram"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-github"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-facebook"></a></li>-->
                                   <!--</ul>-->
                              </div>
                         </div>
                         <p>Weier BlockChain</p>
                         <h3>一币夺宝</h3>
                    </div>

                    <div class="col-md-4 col-sm-4 item">
                         <div class="team-item">
                              <img src="images/team-image3.jpg" class="img-responsive" alt="">
                              <div class="team-overlay">
                                   <div class="in-picture">对方好几个地方和健康的国防科技很多国家角度，看法国航空舰队防空更何况，的风格就会看到法国航空基地和法国</div>
                                   <div class="section-btn" ><a  class="form-control btn-picture" ><span data-hover="查看详情">查看详情</span></a></div>
                                   <!--<ul class="social-icon">-->
                                        <!--<li><a href="#" class="fa fa-instagram"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-dribbble"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-behance"></a></li>-->
                                   <!--</ul>-->
                              </div>
                         </div>
                         <p>Weier BlockChain</p>
                         <h3>EOS--3D</h3>
                    </div>

                    <div class="col-md-4 col-sm-4 item">
                         <div class="team-item">
                              <img src="images/team-image4.jpg" class="img-responsive" alt="">
                              <div class="team-overlay">
                                   <div class="in-picture">对方好几个地方和健康的国防科技很多国家角度，看法国航空舰队防空更何况，的风格就会看到法国航空基地和法国</div>
                                   <div class="section-btn" ><a  class="form-control btn-picture" ><span data-hover="查看详情">查看详情</span></a></div>
                                   <!--<ul class="social-icon">-->
                                        <!--<li><a href="#" class="fa fa-twitter"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-facebook"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-envelope-o"></a></li>-->
                                   <!--</ul>-->
                              </div>
                         </div>
                         <p>Weier BlockChain</p>
                         <h3>EOS大乐透</h3>
                    </div>

                    <div class="col-md-4 col-sm-4 item">
                         <div class="team-item">
                              <img src="images/team-image1.jpg" class="img-responsive" alt="">
                              <div class="team-overlay">
                                   <div class="in-picture">对方好几个地方和健康的国防科技很多国家角度，看法国航空舰队防空更何况，的风格就会看到法国航空基地和法国</div>
                                   <div class="section-btn" ><a  class="form-control btn-picture" ><span data-hover="查看详情">查看详情</span></a></div>
                                   <!--<ul class="social-icon">-->
                                        <!--<li><a href="#" class="fa fa-twitter"></a></li>-->
                                        <!--<li><a href="#" class="fa fa-linkedin"></a></li>-->
                                   <!--</ul>-->
                              </div>
                         </div>
                         <p>Weier BlockChain</p>
                         <h3>EOS DISE</h3>
                    </div>
                    <div class="col-md-4 col-sm-4 item">
                         <div class="team-item">
                              <img src="images/team-image1.jpg" class="img-responsive" alt="">
                              <div class="team-overlay">
                                   <div class="in-picture">对方好几个地方和健康的国防科技很多国家角度，看法国航空舰队防空更何况，的风格就会看到法国航空基地和法国</div>
                                   <div class="section-btn" ><a  class="form-control btn-picture" ><span data-hover="查看详情">查看详情</span></a></div>
                                   <!--<ul class="social-icon">-->
                                   <!--<li><a href="#" class="fa fa-twitter"></a></li>-->
                                   <!--<li><a href="#" class="fa fa-linkedin"></a></li>-->
                                   <!--</ul>-->
                              </div>
                         </div>
                         <p>Weier BlockChain</p>
                         <h3>大转盘</h3>
                    </div>
               </div>

          </div>
     </div>
</section>

<!-- FOOTER -->
<footer>
     <div class="container">
          <div class="row">

               <div class="col-md-5 col-sm-6">
                    <h2>商务合作</h2>
                    <p>sdjhjhdfsdjkdfsjk,<br> RJjjvnvm,sdfjkdfkj<br> bodfhjdfjkdfjk</p>
                    
                    
               </div>

               <div class="col-md-4 col-sm-6">
                    <div class="footer-info">
                    	<h2>Keep in touch</h2>
                         <p><a href="tel:133-3333-3333">133-3333-3333</a></p>
                         <p><a href="mailto:info@company.com">info@company.com</a></p>
                         <p><a href="#">Our Location</a></p>
                    </div>
               </div>

               <div class="col-md-3 col-sm-12">
               		
                    <h2>About Us</h2>
                    <p>宇宙第一信不信由你.真的不想骗你。</p>
                    <ul class="social-icon">
                         <li><a href="#" class="fa fa-qq"></a></li>
                         <li><a href="#" class="fa fa-telegram"></a></li>
                         <!--<li><a href="#" class="fa fa-instagram"></a></li>-->
                         <li><a href="#" class="fa fa-github"></a></li>
                    </ul>
                    
               </div>

               <div class="clearfix"></div>

               <div class="col-md-12 col-sm-12">
                    <div class="copyright-text">
                         <p>Copyright © 2018 Weier Blockchain</p>
                    </div>
               </div>
               
          </div>
     </div>
</footer>

<!-- SCRIPTS -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.parallax.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="js/modernizr.custom.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/custom.js"></script>

</body>
</html>